//完成下拉框渲染功能
function getBook () {
    axios.get(
      "http://api-breakingnews-web.itheima.net/my/article/cates",
      {headers:{Authorization:localStorage.getItem("token")}}
    ).then(({data:res})=>{
    //   console.log(res);
      if(res.status===0) {
        res.data.forEach(obj=>{
         let theOpt=`<option value="${obj.Id}" lay-verify="cate">${obj.name}</option>`   
        $(`select[name="cate_id"]`).append(theOpt)
        // console.log( $(`select[name="cate_id"]`));
        })
        form.render('select',"edit")
      }
    })
  }

  getBook ()

let img=""
// 完成图片渲染
$(".layui-btn-danger").on("click",function () {
    $("#file").click()
})

$("#file").on("change",function (e) {
    let file=e.target.files
    if(file.length===0)return
    let lode=window.URL.createObjectURL(file[0])
    $("#image").prop("src",lode)
    img=file[0]
})

console.log(window.parent.$("#wzlist>a"));
//完成表单数据提交功能
 $("form").on("submit",function (e) {
    e.preventDefault()
    const htmlStr = tinyMCE.activeEditor.getContent();  //这个可以得到富文本框里面的数据内容

    const fd=new FormData($("form")[0])  //不需要重新构造,可以直接获取form里面所有有name属性的值
    fd.append("cover_img",img)    //将图片信息添加到对象中
    fd.set("content",htmlStr)   //将富文本框中的内容添加到fd构造函数中===set是会覆盖里面有的内容
    fd.forEach((value,key)=>{
        console.log(key,value);
    })
    console.log(fd);
    axios.post(
        "http://api-breakingnews-web.itheima.net/my/article/add",
        fd,
        {headers:{Authorization:localStorage.getItem("token")}}
      ).then(({data:res})=>{
          console.log(res);
          layer.msg(res.message)
          if(res.status=== 0) {
              location.href="./../list/list.html"
              window.parent.$("#wzlist>a")[0].click()   //为什么要加个下标
            // console.log(window.parent.$("#wzlist>a"));
            //完成大网页对应标签高亮效果====>也就是让a标签主动触发点击事件
            
          }
      })
})
// 调用初始化富文本编辑器
initEditor()
// publisher页面 - 文章标题
const form = layui.form;
form.verify({
    articleTitle: [
        /^[\u4E00-\u9FA5a-zA-Z0-9_-]+$/,
        "标题只能是中英文, 数字下划线中划线组成"
    ],
    // 分类判断
    cate: function(){
        return $("select[name=cate_id]").val().length == 0 && "请选择文章类别"
    }
}) 